
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>View Person Data</title>
        <link type="text/css" rel="stylesheet" media="all" href="/css/bootstrap.css" />
	<link type="text/css" rel="stylesheet" media="all" href="/css/bootstrap-responsive.css" />
	<link type="text/css" rel="stylesheet" media="all" href="/css/jquery-ui-1.8.17.custom.css" />
	<style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
      </style>
    </head>
    <body>
    	
    	<div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">YamaShinigami</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a id="home_selector" href="/#">Home</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
    
      <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Actions</li>
              <li><a href="/person">Create</a></li>
              <li><a href="/person/search">Search</a></li>
              <li class="active"><a href="/person/result">List</a></li>
            </ul>
          </div><!--/.well -->
        </div><!--/span-->
        <div class="span9">
        <table class="table table-striped table-condensed">
    <tr>
        <td><b>FistName</b></td>
        <td><b>LastName</b></td>
        <td><b>Sex</b></td>
        <td><b>BirthDate</b></td>
        <td><b>Address</b></td>
        <td><b>Action</b></td>
    </tr>
    #foreach($p in $list.persons)
    <tr>
        <td>$!p.firstName</td>
        <td>$!p.lastName</td>
        <td>
        	#if($!p.gender == "true"	)
        		Male
        	#else
        		Female
        	#end
        </td>
        <td>$!sdf.format($!p.birthDate)</td>
        <td>$!p.address</td>
        <td>
            <a href="/person/$!p.id/detail">
                <img src="/images/silk/application_view_detail.png" title="Detail" border="0"/></a>&nbsp;&nbsp;&nbsp;
        	<a href="/person/$!p.id/edit">
                <img src="/images/silk/application_edit.png" title="Edit" border="0"/></a>&nbsp;&nbsp;&nbsp;
            <a href="/person/$!p.id/delete" onclick="javascript:return confirm('Are you sure want to delete $!p.firstName');">
                <img src="/images/silk/delete.png" title="Delete" border="0"/></a>&nbsp;&nbsp;&nbsp;
        	
        </td>
    </tr>
    #end
        </table>
        </div>
        </div>
        
        <hr>

      <footer>
        <p>&copy; YamaShinigami 2012</p>
      </footer>
        
        </div>
         <script src="/js/jquery-1.7.1.min.js"></script>
		<script src="/js/jquery-ui-1.8.17.custom.min.js"></script>
		<script src="/js/bootstrap.js"></script>
		<script>
			$(function() {
				$("#datepicker").datepicker();
			});
		</script>
    </body>
</html>
